<template>
  <div id="set-page">
    <v-row class="top-row">
      <v-col span="8"
        ><v-button icon="caret-left" @click="toStartPage"></v-button
      ></v-col>
      <v-col span="8"><h1>题集名</h1></v-col>
      <v-col span="8"><v-button icon="retweet"></v-button></v-col>
    </v-row>
    <br />
    <question-card></question-card>
  </div>
</template>

<script>
import QuestionCard from '../../components/QuestionCard/QuestionCard.vue';
export default {
  methods: {
    toStartPage() {
      this.$router.push('/home');
    },
  },
  components: {
    QuestionCard,
  },
};
</script>

<style lang="scss" scoped>
#set-page {
  width: 100%;
  .top-row ::v-deep {
    display: flex;
    align-items: center;
    .ant-col-8 {
      &:first-of-type {
        text-align: left;
      }
      &:last-of-type {
        text-align: right;
      }

      text-align: center;
    }
  }
}
</style>
